<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Vue 组件基础示例</title>
  <link rel="stylesheet" href="./style.css" />
</head>
<body>
  <div id="app">
    <h1>Vue 组件基础示例</h1>

    <!-- 使用全局注册的组件 -->
    <hello-message username="小明"></hello-message>

    <!-- 使用局部注册的组件 -->
    <local-demo></local-demo>
  </div>

  <!-- Vue 3 CDN（生产版） -->
  <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
  <!-- 业务逻辑 -->
  <script src="./app.js"></script>
</body>
</html>
